<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file='/web/header.jsp'%>
<title>主界面</title>
</head>
<body class='layui-layout-body'>

	<div class='layui-layout layui-layout-admin'>
		<div class='layui-header'>
			<div class='layui-logo'>连锁店管理</div>
			<ul class='layui-nav layui-layout-left'></ul>
			<ul class='layui-nav layui-layout-right'>
				<li class='layui-nav-item'><a href='javascript:;'> 
<%-- 					<img src="<%=app%>/web/base/img/sea.jpg" class='layui-nav-img'> --%>
						用户[${user.name} ]
				</a>
					<dl class='layui-nav-child'>
						<dd>
							<a href="javascript:openUpd()">修改资料</a>
						</dd>
						<dd>
							<a href="javascript:openPass()">修改密码</a>
						</dd>
						<dd>
							<a href="javascript:openPic()">修改头像</a>
						</dd>
					</dl></li>
				<li class='layui-nav-item'><a href="javascript:goLogout()">注销</a>
				</li>
			</ul>
		</div>

		<div class='layui-side layui-bg-black'>
			<div class='layui-side-scroll'>
				<!-- 		左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class='layui-nav layui-nav-tree'>
					<li class='layui-nav-item layui-nav-itemd'>
					<a href='javascript:;'>信息维护</a>
						<dl class='layui-nav-child'>
							<dd>
<!-- 							data-url是自定义的数据属性，data开头的叫做数据属性，-后面是数据名字 -->
								<a href="javascript:" data-url="/web/page/market/list.jsp"
									class='site-demo-active'>商场信息维护</a>
							</dd>
							<dd>
								<a href="javascript:" data-url="/web/page/employee/list.jsp"
									class='site-demo-active'>员工信息维护</a>
							</dd>
							<dd>
								<a href="javascript:" data-url="/web/page/project/list.jsp"
									class='site-demo-active'>仓库信息维护</a>
							</dd>
							<dd>
								<a href="javascript:" data-url="/web/page/store/list.jsp"
									class='site-demo-active'>商品信息维护</a>
							</dd>
							<dd>
								<a href="javascript:" data-url="/web/page/store/list.jsp"
									class='site-demo-active'>销售信息维护</a>
							</dd>
						</dl></li>
					<li class='layui-nav-item layui-nav-itemd'>
					<a href='javascript:'>基础配置</a>
						<dl class='layui-nav-child'>
							<dd>
								<a href="javascript:" class='site-demo-active'>基础数据维护</a>
							</dd>
							<dd>
								<a href="javascript:" class='site-demo-active' data-url='/web/404.jsp'>其他维护</a>
							</dd>
						</dl></li>
				</ul>
			</div>
		</div>

		<div class='layui-body'>
			<iframe name='rightframe' width="99%" height="97%"></iframe>
		</div>
		<div class='layui-footer'>连锁店管理系统</div>
	</div>


	<script type="text/javascript">
	//之前的方法 
// 	function openUrl(url){
// 		window.open(base.app+url,"rightframe")
// 	}
	
		//jquery的方式进行动态绑定打开页面   点击二级菜单，可以在右侧iframe中显示对应网页   
		$('.site-demo-active').click(function() {//自己写个class，方便找到所有的二级菜单的。前后一致即可
			window.open(base.app + $(this).data("url"), "rightframe")
		})
		
		//找到其中的第一个，进行一次模拟点击，这样网页在加载的时候就自动显示第一个二级菜单项
		$('.site-demo-active:first').click();
		
	</script>

</body>
</html>